
html{ margin:0; padding:0;}
*{ margin:0; padding:0; }
li{ list-style:none; }
body{ position:relative; margin:0; padding:0; z-index:1;}

.nodetext {
    font-size: 12px ;
    font-family: SimSun;
    fill:#000000;
}
.link {
  stroke: #000;
  stroke-width: 1.5px;
}

.node {
  stroke: #ff7f0e;
  stroke-width: 1px;
}


g.g-item circle {
	stroke:red;
	stroke-width:1.5px;
	cursor:pointer;
}
g.g-item circle.circleImg {
  	stroke:#ccc;
}
g.g-item circle.outer {
	display: none;
	stroke-dasharray: 4px;
	stroke-opacity: 0.5;
	fill: transparent;
}
g.g-item.selected circle.outer {
	display: inline;
}


#smartMenu_circle {
	width: 200px;
	height: 200px;
	position:absolute;
	/*left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -300px*/
}

#smartMenu_circle .smart_menu_body {
	width: 200px;
	height: 200px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	left:-100px !important;
	top:-100px !important;
	transition: .8s all ease;
	/*transform: scale(0)*/
	
}

#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li {
	position: absolute;
	height: 50%;
	width: 50%;
	transform-origin: bottom right;
	overflow: hidden;
}

#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(1){transform:rotate(0deg) skew(32.5deg);}
#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(2){transform:rotate(60deg) skew(32.5deg);}
#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(3){transform:rotate(120deg) skew(32.5deg);}
#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(4){transform:rotate(180deg) skew(32.5deg);}
#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(5){transform:rotate(240deg) skew(32.5deg);}
#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(6){transform:rotate(300deg) skew(32.5deg);}




#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li .smart_menu_a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 200%;
	width: 200%;
	border-radius: 50%;
	text-align: center
}


/*
#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(1) .smart_menu_a{ background: radial-gradient(transparent 35%, rgb(162, 196, 73) 36%); transform: skew(-32.5deg) rotate(-76.25deg) scale(1);}
#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(2) .smart_menu_a{ background: radial-gradient(transparent 35%, rgb(117, 166, 209) 36%); transform: skew(-32.5deg) rotate(-76.25deg) scale(1);}
#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(3) .smart_menu_a{ background: radial-gradient(transparent 35%, rgb(32, 210, 175) 36%); transform: skew(-32.5deg) rotate(-76.25deg) scale(1);}
#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(4) .smart_menu_a{ background: radial-gradient(transparent 35%, rgb(255, 189, 66) 36%); transform: skew(-32.5deg) rotate(-76.25deg) scale(1);}
#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(5) .smart_menu_a{ background: radial-gradient(transparent 35%, rgb(55, 203, 241) 36%); transform: skew(-32.5deg) rotate(-76.25deg) scale(1);}
#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(6) .smart_menu_a{ background: radial-gradient(transparent 35%, rgb(243, 111, 111) 36%); transform: skew(-32.5deg) rotate(-76.25deg) scale(1);}
*/
#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li .smart_menu_a{ background: radial-gradient(transparent 35%, rgb(17, 92, 185) 36%); transform: skew(-32.5deg) rotate(-76.25deg) scale(1);}

#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(1) .smart_menu_a span,#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(2) .smart_menu_a span,#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(3) .smart_menu_a span{ position: absolute;top:10%;font-size:12px;left:54%;transform:rotate(15deg); color:#FFF;}
#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(4) .smart_menu_a span,#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(5) .smart_menu_a span,#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(6) .smart_menu_a span{ position: absolute;top:10%;font-size:12px;left:47%;transform:rotate(195deg); color:#FFF;}
#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li:nth-child(1) .smart_menu_a span{ left:48%;}

#smartMenu_circle .smart_menu_body .smart_menu_ul .smart_menu_li .smart_menu_a span {
	position: absolute;
	top: 17%;
	font-size: 12px;
	left: 54%;
	transform: rotate(195deg)
}

#smartMenu_circle .smart_menu_body .p_item {
	display: none;
	position: absolute
}

#smartMenu_circle .smart_menu_body .p_item li {
	width: 260px;
	border-radius: 20px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	height: 40px;
	margin-bottom: 20px
}

#smartMenu_circle .smart_menu_body .p_item li a {
	font-size: 12px;
	color: #fff;
	display: block;
	width: 100%;
	border-radius: 20px
}

#smartMenu_circle .smart_menu_body .p1 {
	left: -55%;
	top: 3%
}

#smartMenu_circle .smart_menu_body .p1 li {
	background-color: #098de7
}

#smartMenu_circle .smart_menu_body .p1 li:nth-child(4) {
	margin-left: 20px
}

#smartMenu_circle .smart_menu_body .p1 li:nth-child(3) {
	margin-left: 45px
}

#smartMenu_circle .smart_menu_body .p1 li:nth-child(2) {
	margin-left: 70px
}

#smartMenu_circle .smart_menu_body .p1 li:nth-child(1) {
	margin-left: 100px
}

#smartMenu_circle .smart_menu_body .p2 {
	left: 85%;
	top: 3%
}

#smartMenu_circle .smart_menu_body .p2 li {
	background-color: #ffae00
}

#smartMenu_circle .smart_menu_body .p2 li:nth-child(2) {
	margin-left: 70px
}

#smartMenu_circle .smart_menu_body .p2 li:nth-child(1) {
	margin-left: 35px
}

#smartMenu_circle .smart_menu_body .p3 {
	left: 45%;
	bottom: -25%;
	margin-left: -83px
}

#smartMenu_circle .smart_menu_body .p3 li {
	background-color: #596690
}

#smartMenu_circle .smart_menu_body .p3 li:nth-child(2) {
	margin-left: 70px
}

#smartMenu_circle .smart_menu_body .p3 li:nth-child(1) {
	margin-left: 35px
}

#smartMenu_circle .btn {
	width: 77px;
	height: 77px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -39px;
	margin-top: -39px;
	text-align: center;
	line-height: 77px;
	cursor: pointer
}

#smartMenu_circle .btn img {
	width: 100%;
	height: 100%
}

#smartMenu_circle .btn .oname {
	width: 77px;
	height: 20px;
	line-height: 20px;
	color: #fff;
	font-size: 11px;
	background-color: #4f585a;
	border-radius: 10px;
	position: absolute;
	left: 0;
	bottom: -25px
}


/*childbox*/
#smartMenu_ziji{ display:block;}
#smartMenu_ziji .smart_menu_body{ width:auto; height:auto; left:0 !important; top:0 !important;}
#smartMenu_ziji ul li a.smart_menu_a{ transform:none !important;}



.smart_menu_childbox{ transform:rotate(270deg) skew(0deg);}



#smartMenu_circle .smart_menu_body .p_item {
	display: none;
	position: absolute
}

#smartMenu_circle .smart_menu_body .p_item li {
	width: 120px;
	border-radius: 10px;
	line-height: 20px;
	text-align: center;
	color: #fff;
	height: 20px;
	margin-bottom: 6px
}

#smartMenu_circle .smart_menu_body .p_item li a {
	font-size: 12px;
	color: #fff;
	display: block;
	width: 100%;
	border-radius: 10px
}

#smartMenu_circle .smart_menu_body .p0 {
	left: -80%;
	top: 3%
}

#smartMenu_circle .smart_menu_body .p0 li {
	background-color: #098de7
}

#smartMenu_circle .smart_menu_body .p0 li:nth-child(5) {
	margin-left: 20px
}

#smartMenu_circle .smart_menu_body .p0 li:nth-child(4) {
	margin-left: 30px
}

#smartMenu_circle .smart_menu_body .p0 li:nth-child(3) {
	margin-left: 40px
}

#smartMenu_circle .smart_menu_body .p0 li:nth-child(2) {
	margin-left: 50px
}

#smartMenu_circle .smart_menu_body .p0 li:nth-child(1) {
	margin-left: 60px
}

#smartMenu_circle .smart_menu_body .p2 {
	left: 85%;
	top: 3%
}

#smartMenu_circle .smart_menu_body .p2 li {
	background-color: #ffae00
}
#smartMenu_circle .smart_menu_body .p2 li:nth-child(1) {
	margin-left: 25px
}
#smartMenu_circle .smart_menu_body .p2 li:nth-child(2) {
	margin-left: 35px
}
#smartMenu_circle .smart_menu_body .p2 li:nth-child(3) {
	margin-left: 45px
}
#smartMenu_circle .smart_menu_body .p2 li:nth-child(4) {
	margin-left: 55px
}


#smartMenu_circle .smart_menu_body .p2 {
	left: 120%;
	bottom: -25%;
	margin-left: -83px
}

#smartMenu_circle .smart_menu_body .p3 li {
	background-color: #596690
}

#smartMenu_circle .smart_menu_body .p3 li:nth-child(2) {
	margin-left: 70px
}

#smartMenu_circle .smart_menu_body .p3 li:nth-child(1) {
	margin-left: 35px
}

#smartMenu_circle .btn {
	width: 77px;
	height: 77px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -39px;
	margin-top: -39px;
	text-align: center;
	line-height: 77px;
	cursor: pointer
}


#smartMenu_circle ul.p_item.dishow{
	display:block;
}

/*nodeadd*/
.nodeadd{ float:left; padding:10px;}
.nodeadd dl{ float:left; width:100%; height:30px;}
.nodeadd dl dt{ float:left; width:100px; text-align:right; font:400 12px/24px 'Microsoft Yahei'; color:#333;}
.nodeadd dl dd{ float:left;}
.nodeadd dl dd input.txt{ height:24px; padding:0 5px; border:1px solid #ccc;}


/*时间轴线*/
.ui-ruler-tick {
	border-left: 1px solid #C1C8DF;
	margin-left: 1px;
	height: 12px;
}
/*月份文字*/
.ui-ruler-tick-inner {
	position: absolute;
	top: 12px;
	margin-right: 1px;
}
/*时间轴*/
.ui-rangeSlider .ui-rangeSlider-innerBar {
	height: 5px;
	margin: 0px;
	padding: 0px;
	background: #8D98BC;
}

.ui-rangeSlider .ui-rangeSlider-bar {
	top:-15px !important;
	height: 30px;
	margin: 0px;
	padding: 0px;
	/*background: transparent url(../images/dateSilderMove.png) repeat-x;*/
	background-color:#01AAED;
	cursor:pointer;
	opacity: 0.5;
}

/*拖拽按钮*/
.ui-rangeSlider .ui-rangeSlider-handle {
	width: 18px;
	height: 30px;
	background: #DDDDDD url(../images/dateSilderArr.png) no-repeat;
	margin-top: -15px;
	cursor: pointer;
}

/*文字*/
.ui-rangeSlider-label {
	bottom: 15px;
	margin: 0px 0px 2px;
	background: #FFF;
	height: 12px;
	cursor: pointer;
}

